<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<script src="<c:url value='/resources/js/jquery.dataTables.js'/>" type="text/javascript"></script>
<link rel="stylesheet" href="<c:url value="/resources/css/table.css"/>" type="text/css"/>
<script type="text/javascript">
    $(document).ready(function() {
        oTable = $('#datatables').dataTable({
            "sPaginationType": "full_numbers"
        });
    });
</script>

<h1>
    Detail Anggaran
    <a href="<c:url value='/sekolah/${sekolah.npsn}'/>">
        <c:out value="${sekolah.nama}"/>
    </a>
</h1>
<div class="content">
    <table cellpadding="0" cellspacing="0" border="0" class="display" id="datatables" width="100%">
        <thead>
        <tr>
            <th>Tahun</th>
            <th>Triwulan</th>
            <c:if test="${sekolah.jenjangSekolah == 'SD'}">
                <th>1 L</th>
                <th>1 P</th>
                <th>2 L</th>
                <th>2 P</th>
                <th>3 L</th>
                <th>3 P</th>
                <th>4 L</th>
                <th>4 P</th>
                <th>5 L</th>
                <th>5 P</th>
                <th>6 L</th>
                <th>6 P</th>
            </c:if>
            <c:if test="${sekolah.jenjangSekolah == 'SMP'}">
                <th>7 L</th>
                <th>7 P</th>
                <th>8 L</th>
                <th>8 P</th>
                <th>9 L</th>
                <th>9 P</th>
            </c:if>
            <c:if test="${sekolah.jenjangSekolah == 'SD'}">
                <th>6Th</th>
            </c:if>
            <th>7-12Th</th>
            <th>13Th</th>
            <th>Operasi</th>
        </tr>
        </thead>
        <tbody>
        <c:forEach items="${data}" var="jumlahSiswa">
            <tr>
                <td>${jumlahSiswa.periode.tahun.tahun}</td>
                <td>${jumlahSiswa.periode.triwulan.triwulan}</td>
                <c:if test="${sekolah.jenjangSekolah == 'SD'}">
                    <td>${jumlahSiswa.kelas1L}</td>
                    <td>${jumlahSiswa.kelas1P}</td>
                    <td>${jumlahSiswa.kelas2L}</td>
                    <td>${jumlahSiswa.kelas2P}</td>
                    <td>${jumlahSiswa.kelas3L}</td>
                    <td>${jumlahSiswa.kelas3P}</td>
                    <td>${jumlahSiswa.kelas4L}</td>
                    <td>${jumlahSiswa.kelas4P}</td>
                    <td>${jumlahSiswa.kelas5L}</td>
                    <td>${jumlahSiswa.kelas5P}</td>
                    <td>${jumlahSiswa.kelas6L}</td>
                    <td>${jumlahSiswa.kelas6P}</td>
                </c:if>
                <c:if test="${sekolah.jenjangSekolah == 'SMP'}">
                    <td>${jumlahSiswa.kelas7L}</td>
                    <td>${jumlahSiswa.kelas7P}</td>
                    <td>${jumlahSiswa.kelas8L}</td>
                    <td>${jumlahSiswa.kelas8P}</td>
                    <td>${jumlahSiswa.kelas9L}</td>
                    <td>${jumlahSiswa.kelas9P}</td>
                </c:if>
                <c:if test="${sekolah.jenjangSekolah == 'SD'}">
                    <td>${jumlahSiswa.umur6}</td>
                </c:if>
                <td>${jumlahSiswa.umur7_12}</td>
                <td>${jumlahSiswa.umur13}</td>
                <td>
                    <div class="buttonWrapper">
                        <a href="<c:url value='/jumlahSiswa/${jumlahSiswa.id}' />" class="view">Lihat</a>
                        <a href="<c:url value='/sekolah/${sekolah.npsn}/jumlahSiswa/${jumlahSiswa.id}/edit' />" class="edit">Ubah</a>
                        <a onclick="return confirm('Apakah anda Yakin ?')"
                           href="<c:url value='/sekolah/${sekolah.npsn}/jumlahSiswa/${jumlahSiswa.id}/delete' />"
                           class="delete">Hapus</a>
                    </div>
                </td>
            </tr>
        </c:forEach>
        </tbody>
        <tfoot>
        </tfoot>
    </table>
    <div class="buttonWrapper">
        <a href="<c:url value='/sekolah/${sekolah.npsn}/jumlahSiswa/new' />" class="view">Tambah Data Jumlah Siswa</a>
    </div>
</div>